<template>
  <div>
    <el-config-provider :locale="zh">
      <el-header style="padding: 0" className="all">
        <toheader></toheader>
      </el-header>
      <router-view />
      <el-footer style="padding: 0">
        <tofooter></tofooter>
      </el-footer>
    </el-config-provider>
  </div>
</template>

<script>
import {RouterView} from "vue-router";
import zh from "element-plus/es/locale/lang/zh-cn";
import Toheader from "@/components/zgr/header/ToHeader.vue";
import Tofooter from "@/components/zgr/footer/ToFooter.vue";

export default {
  name: 'Main',
  computed: {
    zh() {
      return zh
    }
  },
  components: {Tofooter, Toheader, RouterView},
}
</script>

<style scoped>
/* 隐藏 el-main 的滚动条 */
:deep(.el-main) {
  scrollbar-width: none; /* 隐藏 Firefox 滚动条 */
}
*{
  margin: 0;
  padding: 0;
  list-style: none;
}
html,body,#app{
  height: 100%;
  width: 100%;
}

/* 隐藏 Chrome、Safari 和 Opera 的滚动条 */
::v-deep .el-main::-webkit-scrollbar {
  display: none;
}
</style>